require.config({
	paths : {
		"jquery" : "jquery",
		"cookie" : "jquery.cookie",
		"common" : "common",
		"shopcookie" : "shopcookie"
	}
})
require(["jquery","cookie","common","shopcookie"],function($,cookie,common,shopcookie){
	common.fn();
	shopcookie.fn();
	//轮播图
	var $index = 0;
	var $img = $("#pic li");
	var $dot = $("#dot li");
	var $banner = $("#pic");
	var timer = null;
	var $pic = $("#pic li a div");
	init($index);
	auto();
	$("#pic,#dot").hover(function(){
		$("#pic #left,#pic #right").stop().animate({"opacity":"0.5"},500);
		clearInterval(timer);
	},function(){
		$("#pic #left,#pic #right").stop().animate({"opacity":"0"},500);
		auto();
	})
	$("#pic #left,#pic #right").hover(function(){
		$("#pic #left,#pic #right").stop().animate({"opacity":"0.5"});
		$(this).stop().animate({"opacity":"1"},500);
		clearInterval(timer);
		return false;
	},function(){
		$(this).stop().animate({"opacity":"0.5"},500);
	})
	$("#pic #left").click(function(){
		$index -= 1;
		if($index < 0){
			$index = 4;
		}
		init($index);
	})
	$("#pic #right").click(function(){
		$index += 1;
		if($index > 4){
			$index = 0;
		}
		init($index);
	})
	for(var i = 0;i < $dot.length;i ++){
		$dot[i].index = i;
		$dot.eq(i).hover(function(){
			$index = this.index;
			init($index);
		})
	}
	function auto(){
		clearInterval(timer);
		timer = setInterval(function(){
			$index ++;
			if($index > 4){
				$index = 0;
			}
			init($index);
		},4000)
	}
	function init($index){
		$dot.css("background","#b5b2a8");
		$img.css({"transition":"all","transform":"scale(1.1)","visibility":"hidden"});
		$img.eq($index).css({"visibility":"visible","transition":"all 3.5s linear","transform":"scale(1)"});
		$dot.eq($index).css("background","#5aaa16");
	}
	//二级菜单
	$("#list1").click(function(){
		$("#list ul").toggleClass("hide");
		$("#list ul").css("display","block");
		$("#list .hide").css("display","none");
	})
	$("#list #list1").hover(function(){
		$(".hide").css("display","block");
	},function(){
		$(".hide").css("display","none");
	})
	$("#list ul li").hover(function(){
		$(this).children("a").css("color","#008842");
		$(this).children("a").stop().animate({"padding-left":"14"},300);
	},function(){
		$(this).children("a").css("color","#000");
		$(this).children("a").stop().animate({"padding-left":"7"},300);
		return false;
	})
	//内容区的图片动画
	$("#content li img").hover(function(){
		$(this).animate({"left":"5"},200);
	},function(){
		$(this).animate({"left":"0"},200);
	})
	//guide
	$(window).scroll(function(){
		var $scrollTop = document.documentElement.scrollTop;
		if($scrollTop > 645){
			$("#guide").css("display","block");
		}else{
			$("#guide").css("display","none");
		}
		$("#content div").each(function(){
			var $index = $(this).index();
			if($scrollTop >= $(this).offset().top && $scrollTop < ($(this).offset().top + $(this).height())){
				$("#guide li").eq($index).find("span").addClass("active");
				$("#guide li").eq($index).find("i").addClass("hide");
			}else{
				$("#guide li").eq($index).find("span").removeClass("active");
				$("#guide li").eq($index).find("i").removeClass("hide");
			}
		})
	})
	$("#guide li").click(function(){
		var $index = $(this).index();
		var $top = $("#content div").eq($index).offset().top; 
		$("body,html").animate({
			scrollTop: $top
		}, 500); 
	})
	$("#guide li").hover(function(){
		$(this).addClass("show");
	},function(){
		$(this).removeClass("show");
	})
})
